<template>
  <div class="policy-container">
    <div class="header">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>政策法规</el-breadcrumb-item>
      </el-breadcrumb>
      <h2>政策法规</h2>
    </div>

    <div class="policy-list">
      <el-table :data="policyList" style="width: 100%" @row-click="handleRowClick">
        <el-table-column width="50">
          <template #default>
            <el-icon><img src="/public/images/pic3.png"></el-icon>
          </template>
        </el-table-column>
        <el-table-column prop="title" label="政策法规标题"></el-table-column>
        <el-table-column prop="date" label="发布时间" width="180"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { Document } from '@element-plus/icons-vue'

export default {
  name: 'PolicyList',
  components: {
    Document
  },
  data() {
    return {
      policyList: [
        { id: 1, title: '2023年度北京市财政局财政法律法规规章及制度执行情况评估项目', date: '2022-04-13' },
        { id: 2, title: '变更公告】珠海电厂2023-2025年度法律法规符合性评估等服务公开询价公告变更公告', date: '2022-04-13' },
        { id: 3, title: '印制《惠州市市容和环境卫生管理条例》（法规股）', date: '2022-04-13' },
        { id: 4, title: '2023年广州市水务局法律法规动态调整委托编制项目', date: '2022-04-13' },
        { id: 5, title: '关于印发《关于完善招标投标交易担保制度进一步降低招标投标交易成本的实施方案》的...', date: '2022-04-13' },
        { id: 6, title: '彭泽县教育系统后勤管理问题政策法规告知书', date: '2022-04-13' },
        { id: 7, title: '（审计办）印刷服务—社区审计法规汇编第二期', date: '2022-04-13' },
        { id: 8, title: '民族宗教政策法规宣传月活动宣传发放资料', date: '2022-04-13' },
        { id: 9, title: '（审计办）印刷服务—社区审计法规汇编第一期', date: '2022-04-13' },
        { id: 10, title: '关于严格执行招标投标法规制度进一步规范招标投标主体行为的若干意见', date: '2022-04-13' }
      ]
    }
  },
  methods: {
    handleRowClick(row) {
      this.$router.push({ name: 'PolicyDetail', params: { id: row.id } })
    }
  }
}
</script>

<style scoped>
.policy-container {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.header {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.header h2 {
  margin-top: 10px;
  font-size: 24px;
  color: #333;
}

.policy-list {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-table {
  cursor: pointer;
}

.el-table :deep(.el-table__row:hover) {
  background-color: #f5f7fa;
}

.el-icon {
  color: #409EFF;
  font-size: 18px;
}
</style>